<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="inc/jquery.mini.1.4.js"></script>
<script type="text/javascript" src="inc/jquery.metadata.js"></script>
<script type="text/javascript" src="inc/jquery.hoverIntent.min.js"></script>
<script type="text/javascript" src="inc/jquery.mb.flipText.min.js"></script>
<script type="text/javascript" src="inc/mbMenu.js"></script>
<script type="text/javascript" src="inc/mbExtruder.js"></script>
<link rel="stylesheet" type="text/css" href="css/menu1.css" media="screen" />
<link href="css/mbExtruder1.css" media="all" rel="stylesheet" type="text/css">
<link href="css/index.css" media="all" rel="stylesheet" type="text/css">
<script type="text/javascript">
  $(function(){
    if (self.location.href == top.location.href){

      $("body").css({font:"normal 13px/16px 'trebuchet MS', verdana, sans-serif"});
/*      var logo=$("<a href='#'><img id='logo' border='0' src='images/nude.png' alt='DMirror' style='display:none;'></a>");
      $("#site_logo").prepend(logo);
      $("#logo").fadeIn(); 
*/
    }
  });
  $(function(){

    $(".myMenu").buildMenu(
    {
      template:"menuVoices.html",
      additionalData:"pippo=1",
      menuWidth:200,
      openOnRight:false,
      menuSelector: ".menuContainer",
      iconPath:"ico/",
      hasImages:true,
      fadeInTime:100,
      fadeOutTime:300,
      adjustLeft:2,
      minZindex:"auto",
      adjustTop:10,
      opacity:.95,
      shadow:true,
      shadowColor:"#ccc",
      hoverIntent:0,
      openOnClick:true,
      closeOnMouseOut:false,
      closeAfter:1000,
      submenuHoverIntent:200
    });

    $(".vertMenu").buildMenu(
    {
      template:"menuVoices.html",
      menuWidth:170,
      openOnRight:true,
      menuSelector: ".menuContainer",
      iconPath:"ico/",
      hasImages:true,
      fadeInTime:200,
      fadeOutTime:200,
      adjustLeft:0,
      adjustTop:0,
      opacity:.95,
      openOnClick:false,
      minZindex:200,
      shadow:false,
      hoverIntent:300,
      submenuHoverIntent:300,
      closeOnMouseOut:true
    });

    $(document).buildContextualMenu(
    {
      template:"menuVoices.html",
      menuWidth:200,
      overflow:2,
      menuSelector: ".menuContainer",
      iconPath:"ico/",
      hasImages:false,
      fadeInTime:100,
      fadeOutTime:100,
      adjustLeft:0,
      adjustTop:0,
      opacity:.99,
      closeOnMouseOut:false,
      onContextualMenu:function(o,e){}, //params: o,e
      shadow:false
    });


    $("#extruderTop").buildMbExtruder({
      positionFixed:false,
      width:350,
      extruderOpacity:1,
      autoCloseTime:4000,
      hidePanelsOnClose:false,
      onExtOpen:function(){},
      onExtContentLoad:function(){},
      onExtClose:function(){}
    });

    $("#extruderLeft").buildMbExtruder({
      position:"left",
      width:300,
      extruderOpacity:.8,
      onExtOpen:function(){},
      onExtContentLoad:function(){},
      onExtClose:function(){}
    });
  })

</script>
<title>DMirror.php</title>
</head>
<body>
<table width="100%"  border="0" cellpadding="0" cellspacing="0" bgcolor="#EDEDED">
    <tr><td>
        <table  border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="container">
          <tr>
            <td class="myMenu" align="right">
                         <table class="rootVoices" cellspacing='0' cellpadding='0' border='0'><tr>
                <td class="rootVoice {menu: 'menu_2'}" >图片</td>
                <td class="rootVoice {menu: 'menu_3'}" >标签</td>
			    <td class="rootVoice {menu: 'menu_1'}" >数据</td>
              </tr></table>

              <!-- end horizontal menu -->

            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
 <!-- menues -->
  <div id="menu_1" class="mbmenu">
    <a rel="title" >{CHNL_ID}信息</a> <!-- menuvoice title-->
    <a href="#" class="{img: 'ico_view.gif'}" >店铺名称</a> <!-- menuvoice with href-->
    <a class="{action: 'document.title=(\'menu_1.2\')'}" >店铺类型</a> <!-- menuvoice with js action-->
    <a class="{action: 'document.title=(\'menu_1.3\')'}" >任务编码</a>
    <a rel="separator"> </a> <!-- menuvoice separator-->
    <a href="#" class="{action: 'document.title=(\'menu_1.3\')', disabled:true}">我提交的请求</a> <!-- menuvoice disabled-->
    <a class="{action: 'document.title=(\'menu_1.4\')', menu:'menu_profile', img: '24-book-blue-check.png'}">登陆信息</a><!-- menuvoice with js action, image and submenu-->
	 <a href="#" class="{action: 'document.title=(\'menu_1.3\')', disabled:true}">退出登陆</a>
 	 </div>

  <div id="menu_2" class="mbmenu">
    <a rel="title" class="{action: 'document.title=(\'menu_2.1\')', img: 'icon_13.png'}">查询图片</a>
    <input id="myInput" type="text" name="tuoTesto" value="输入编码、关键字进行查询" />
<input type="button" name="tuoTesto" value="查询" onclick="$.fn.removeMbMenu($.mbMenu.options.actualOpenedMenu,true);" />
    <a class="{action: 'document.title=(\'menu_2.2\')'}">信息概览</a>
    <a class="{menu: 'sub_menu_info', img: 'icon_14.png'}">代理商信息</a>
    <a class="{menu: 'sub_menu_list', img: '24-tag-add.png'}">清单查询</a>
    <a rel="separator"> </a>
    <a class="{action: 'document.title=(\'menu_2.4\')'}">房补</a>
  </div>

  <div id="menu_3" class="mbmenu" id="checkMenu">
    <a rel="text" >
      <form>
        <img src="images/browser.png" alt="img" style="position:absolute;margin-top:-20px; margin-left:-25px;margin-bottom:10px"/><br/>
        <input id="myInput" type="text" name="tuoTesto" value="输入编码、关键字进行查询" />
        <input type="button" name="tuoTesto" value="查询" onclick="$.fn.removeMbMenu($.mbMenu.options.actualOpenedMenu,true);" />
        <br>
        <br/>输入<br/><br/>
      </form>
    </a>
    <a rel="separator"> </a>
    <a class="{action: 'document.title=(\'menu_3.1\')', img: 'iconDone.png'}">menu_3.1</a>
    <a id="aaa" class="{menu:'sub_menu_2'}"  >submenu</a>
    <a class="{action: 'document.title=(\'menu_3.4\')'}">menu_3.4 con testo veramente molto lungo menu_3.4 con testo veramente molto lungo</a>
  </div>

  <div id="sub_menu_1" class="mbmenu">
    <a class="{action: 'document.title=(\'sub_menu_1.1\')'}">sub_menu_1.1</a>
    <a rel="separator"> </a>
    <a class="{menu:'menu_1'}">sub_menu_1.2</a>
    <a class="{action: 'document.title=(\'sub_menu_1.3\')', img: 'bgColor.gif'}">sub_menu_1.3</a>
    <a class="{action: 'document.title=(\'sub_menu_1.4\')',img: 'Applet.gif'}">sub_menu_1.4</a>
  </div>

  <div id="sub_menu_2" class="mbmenu">
    <a class="{action: 'document.title=(\'sub_menu_2.1\')', img: 'buttonfind.gif'}" >sub_menu_2.1</a>
    <a class="{action: 'document.title=(\'sub_menu_2.2\')'}">sub_menu_2.2</a>
    <a rel="separator"> </a>
    <a class="{action: 'document.title=(\'sub_menu_2.3\')'}">sub_menu_2.3</a>
    <a class="{action: 'document.title=(\'sub_menu_2.4\')'}" >sub_menu_2.4</a>
  </div>

  <div id="sub_menu_info" class="mbmenu">
    <a class="{action: 'document.title=(\'sub_menu_2.1\')', img: 'buttonfind.gif'}" >店铺信息</a>
    <a class="{action: 'document.title=(\'sub_menu_2.2\')'}">任务信息</a>
    <a rel="separator"> </a>
    <a class="{action: 'document.title=(\'sub_menu_2.3\')'}">申请修改任务</a>
  </div>
  <div id="sub_menu_list" class="mbmenu">
    <a class="{action: 'document.title=(\'sub_menu_2.1\')', img: 'buttonfind.gif'}" >提卡激活</a>
    <a class="{action: 'document.title=(\'sub_menu_2.2\')'}">激活</a>
    <a rel="separator"> </a>
    <a class="{action: 'document.title=(\'sub_menu_2.3\')'}">计算清单</a>
  </div>
    <div id="menu_profile" class="mbmenu">
    <a class="{action: 'document.title=(\'sub_menu_2.1\')', img: 'buttonfind.gif'}" >更改信息</a>
    <a class="{action: 'document.title=(\'sub_menu_2.2\')'}">更改密码</a>
  </div>
  <div id="conext_menu_1" class="mbmenu">
    <a rel="text" >
      <img src="images/browser.png" alt="img" style="position:absolute;margin-top:-20px; margin-left:-25px;margin-bottom:10px"/><br/>
      <br/>immagini che vuoi ed altro testo che ti pare Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi felis leo, consequat et, lacinia a, facilisis sit amet,<br/><br/>
    </a>
    <a rel="separator"> </a>
    <a class="{action: 'testForContextMenu()',img: 'iconDone.png'}" >test: get opener ID</a>
    <a id="bbb" class="{menu:'sub_menu_2'}" >submenu</a>
    <a class="{action: 'document.title=(\'conext_menu_1.4\')'}" >conext_menu_1.4 con testo veramente molto lungo</a>
  </div>

  <!-- end menues -->
  

</body>
</html>